import React from "react";
import head from "./assets/UserHead.png";
import rightArrow from "./assets/direction-right.svg";

export default function () {
    return (
        <div style={{
            borderRadius: 20,
            padding: 10,
            background: '#e2f0f8',
            display: "flex",
            alignItems: "center"
        }}>
            <img style={{
                borderRadius: '50%',
                width: 50,
                marginRight: 20
            }} src={head} alt=""/>
            <div style={{
                flexGrow: 1
            }}>
                <p style={{
                    fontSize: 20
                }}>Reza Mehdikhanlou</p>
                <p style={{
                    color: '#1298fa'
                }}>Basic Plan</p>
            </div>
            <img style={{
                width: 50
            }} src={rightArrow} alt=""/>
        </div>
    )
}